<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<style type="text/css">
	body{
		margin: 0;
		padding: 0;
		background-color: #eeeeee;
		font-family: "楷体";
	}
	.item{
		margin: 20px;
		margin-bottom: 50px;
	}
	.imte_top{
		text-align: center;
	}
	.imte_top>span{
		font-size:14px;
		display: inline-block;
		padding: 5px 12px;
		background-color: #ddd;
		color:#fff;
		border-radius: 5px;
	}
	.item_content{
		background-color: #fff;
		padding: 25px 15px;
		margin-top: 6px;
	}
	.item_content_top_1{
		font-size: 24px;
		font-weight: bold;
	}
	.item_content_top_2{
		color:#eee;
		font-size: 14px;
		margin: 5px 0px;
	}
	.item_content_top_3{
		margin: 10px 0px;
	}
	.item_content_top_4{
		margin: 10px 0px;
	}
	.item_content_bottom>a{
		text-decoration: none;
		color:#33e;
	}
</style>
</head>
<body>
	<div class="content" id="content0"></div>
	<div class="content" id="content1"></div>
</body>
<script src="qrcode/jquery2.1.4.js"></script>
<script src="layer/layer.js"></script>
<script>
	$(function () {
		$.getJSON("/wx/getExpressByUserPhone.do",null,function (data) {
			var data0=data.data.status0;
			var data1=data.data.status1;
			for (var i = 0; i < data0.length; i++) {
				var item ="<div class=\"item\">\n" +
						"\t\t\t<div class=\"imte_top\"><span>"+data0[i].inTime+"</span></div>\n" +
						"\t\t\t<div class=\"item_content\">\n" +
						"\t\t\t\t<div class=\"item_content_top\">\n" +
						"\t\t\t\t\t<div class=\"item_content_top_1\">取件通知</div>\n" +
						"\t\t\t\t\t<div class=\"item_content_top_2\">"+data0[i].inTime+"</div>\n" +
						"\t\t\t\t\t<div class=\"item_content_top_3\">您有一个包裹到e栈了!</div>\n" +
						"\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
						"\t\t\t\t\t\t取件码:<span style=\"color:#05a\">"+data0[i].code+"</span><br>\n" +
						"\t\t\t\t\t\t快递公司:"+data0[i].company+"<br>\n" +
						"\t\t\t\t\t\t运单号码:"+data0[i].number+"<br>\n" +
						"\t\t\t\t\t\t站点电话:"+data0[i].sysPhone+"<br>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>\n" +
						"\t\t\t\t<hr>\n" +
						"\t\t\t\t<div class=\"item_content_bottom\">\n" +
						"\t\t\t\t\t<a href=\"/wx/createQRCode.do?type=express&code="+data0[i].code+"\">二维码</a>\n" +
						"\t\t\t\t</div>\n" +
						"\t\t\t</div>\n" +
						"\t\t</div>"
				$("#content0").append(item);
			}
			for (var i = 0; i < data1.length; i++) {
				var item ="<div class=\"item\" id=\"content1\">\n" +
						"\t\t\t<div class=\"imte_top\"><span>"+data1[i].outTime+"</span></div>\n" +
						"\t\t\t<div class=\"item_content\">\n" +
						"\t\t\t\t<div class=\"item_content_top\">\n" +
						"\t\t\t\t\t<div class=\"item_content_top_1\">取件成功通知</div>\n" +
						"\t\t\t\t\t<div class=\"item_content_top_2\">"+data1[i].outTime+"</div>\n" +
						"\t\t\t\t\t<div class=\"item_content_top_3\">您有一个包裹从e栈取出了!</div>\n" +
						"\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
						"\t\t\t\t\t\t快递公司:"+data1[i].company+"<br>\n" +
						"\t\t\t\t\t\t运单号码:"+data1[i].number+"<br>\n" +
						"\t\t\t\t\t\t站点电话:"+data1[i].sysPhone+"<br>\n" +
						"\t\t\t\t\t</div>\n" +
						"\t\t\t\t</div>\n" +
						"\t\t\t\t<hr>\n" +
						"\t\t\t\t<div class=\"item_content_bottom\">\n" +
						"\t\t\t\t\t<a href=\"#\">有疑问 ? 点了也没用</a>\n" +
						"\t\t\t\t</div>\n" +
						"\t\t\t</div>\n" +
						"\t\t</div>"
				$("#content1").append(item);
			}
		});
	})
</script>
</html>